<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入css样式 -->
    <!-- <link rel="stylesheet" href="../../less/commCss/normalize.css">
    <link rel="stylesheet" href="../../less/commCss/reset.css">
    <link rel="stylesheet" href="../../less/commCss/property.css">
    <link rel="stylesheet" href="../../less/commCss/basic.css">
    <link rel="stylesheet" href="../../fonts/iconfont.css">
    <link rel="stylesheet" href="../../less/run.css"> -->

    <!-- 引入交互 -->
    <!-- <script src="../../lib/dom.js"></script> -->
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.0&type=webgl&ak=qmVZ6i2rb7YLFr55iO7q1H9xwqU3EbNZ"></script>
    <!-- <script src="../../js/run.js"></script> -->
</head>
<body>
    <div class="sprot-run">
        <div class="main">
            <div class="top">
                <div class="topT">
                   <div class="flex1"><a href="#" class="active">跑步</a></div>
                   <div class="flex1"><a href="#">骑行</a></div>
                   <div class="flex1"><a href="#">课程训练</a></div>
                </div>
                <div class="topB">
                    <p>目前累积跑步距离:<br>
                        <span>999.99</span>公里
                    </p>
                </div>
            </div>
            <div id="container" class="center"></div>
                <div class="bottom">
                    <p>跑步路线</p>
                    <p>使用跑步路线, 邂逅附近的同行者</p>
                </div>
        </div>
        <div class="foot">
            <a href="index.html">
                <i class="iconfont">&#xe615;</i>
                <span>首页</span>
            </a>
            <a href="#"  class="active">
                <i class="iconfont">&#xe60d;</i>
                <span>运动</span>
            </a>
            <a href="my.html">
                <i class="iconfont">&#xe78a;</i>
                <span>我的</span>
            </a>
        </div>
    </div>
</body>
</html>